<template>
 
		<!-- 二手房属性显示 -->
		<view class="show_head">
			<view class="show_head__title">
				<view class="text">
			 <up-text lines="2" 
			 :bold="true" size="22" 
			 :text="house.title"
			  :block="true"></up-text>
				 
				</view>
				<!-- 收藏房源 -->
				<kb-favorite 
				@tap="onFavorite" 
				:checked="favorite_is_checked"></kb-favorite>
			</view>
			<view class="show_head__tag u-flex u-flex-wrap">
			 <view v-for="(item,index) in house.tags_all" :key="index" class="tag">
				 <text class="tag__text">{{item}}</text>
			 </view>
			</view>
			
		</view>
		<view class="show_price u-flex u-flex-between">
			<view class="col">
				<view class="price"><text>{{house.loyer}}{{house.prix_unitaire}}</text></view>
				<view class="name" ><text>售价</text></view>
			</view>
			<view class="col">
				<view class="price"><text>{{house.room}}室{{house.hall}}厅{{house.garder}}卫</text></view>
				<view class="name" ><text>房型</text></view>
			</view>
			<view class="col">
				<view class="price"><text>{{house.superficie}}㎡</text></view>
				<view class="name" ><text>建筑面积</text></view>
			</view>
		</view>
		
		<view class="show_items">
			<view class="hline">
				<view class="u-col-6  u-flex">
					<view class="label"><text>单价:</text></view>
					<view class="field"><text>{{house.perprice}} 元/㎡</text></view>
				</view>	
				 <view class="u-col-6  u-flex">
					<view class="label"><text>出售:</text></view>
					<view class="field"><text>新房</text></view>
				 </view>	
			</view>
			<view class="hline">
				<view class="u-col-6">
					<text class="label">楼层:</text>
					<text class="field">{{house.storey}} 共{{house.total_storey}}层</text>
				</view>
				<view class="u-col-6 u-flex"  @click="openTallk" :data-url="'/pages/tallk/tallk?bid='+house.broker.id">
					<u-text color="#007AFF" text="咨询楼层" lines="1" 
					 size="16"></u-text>
					<up-icon name="arrow-right" size="16"></up-icon>
				</view>
			</view>
			<view class="hline">
				<view class="u-col-6">
					<text class="label">套内:</text>
					<text class="field" v-if="house.dong"> {{house.dong}}㎡ </text>
					<text class="field" v-else >- ㎡</text>
				</view>
				<view class="u-col-6 u-flex"  @click="openTallk" :data-url="'/pages/tallk/tallk?bid='+house.broker.id">
					<u-text color="#007AFF" text="咨询套内使用面积"
					 lines="1"  size="16"></u-text>
					<up-icon name="arrow-right" size="16"></up-icon>
				</view>
			</view>
			
			<view class="hline">
				<view class="u-col-6">
					<text class="label">类型:</text>
					<text class="field">{{house.house_type ? house.house_type:'-'}}</text>
				</view>
				<view class="u-col-6 u-flex">
					<text class="label">朝向:</text>
					<text class="field"> {{house.donner_sur}}  </text>
				</view>
			</view>
			
			<view class="hline">
				<view class="u-col-6">
					<text class="label">装修:</text>
					<text class="field">{{house.traveaux_finition}}</text>
				</view>
				<view class="u-col-6 u-flex">
					<text class="label">年代:</text>
					<text class="field">{{house.build_age}}年</text>
				</view>
			</view>
			
			<view class="hline">
				
				<view class="u-col-6  u-flex">
					<view class="label"><text>编号:</text></view>
				    <view class="field"><text>{{house.house_sno ? house.house_sno:'-'}}</text></view>
					
				</view>
				
				<view class="u-col-6 u-flex">
					<text class="label">税费:</text>
					<text class="field">{{house.danyuan ? house.danyuan:'-'}}</text>
				</view>				
				
			</view>
			
		<!-- 	<view class="hline">
				<view class="u-col-12">
					<view class="label"><text>编号:</text></view>
					<view class="field"><text>{{house.house_sno ? house.house_sno:'-'}}</text></view>
				</view>				 
			</view> -->
			
			
			<view class="hline">					 
				<view class="u-col-12 u-flex" @click="openVillage" data-url="/pages/show/village">
					<view class="label"><text>楼盘名称:</text></view>
					<view class="field">
						<u-text color="#007AFF" :text="house.village_name" lines="1" 
					 size="16"></u-text>
					<up-icon name="arrow-right" size="16"></up-icon>
					</view>
				</view>
			</view>
			
			<view class="hline">
				<view class="u-col-12 u-flex" @click="openurl"
				 data-url="/pages/tools/tools">
					<view class="label"><text>首付计算:</text></view>
					<view class="field">
					<u-text color="#007AFF"						 
					 :text="firstpay"
					 lines="1" size="16"></u-text>
					<up-icon name="arrow-right" size="16"></up-icon>
					</view>
				</view>
			</view>
		
			
			<!-- <view class="hline">
				<view class="u-col-12">
					<text class="label">编号:</text>
					<text class="field"></text>
				</view>
			</view> -->
			<!-- 房源自定义参数 -->
			 <view class="hline" 
			 v-for="(pm ,index ) in house.params" wx:key="index">
				<view class="u-col-12  u-flex">
					<view class="label"><text>{{pm.title}}:</text></view>
					
					<view class="field u-line-1">
						<text>{{pm.value}}</text>
					 </view>
				</view>		       
			</view>
			
			
			
			<view class="hline">
				<view class="u-col-12 u-flex" @click="openTallk"
				 data-url="/pages/tools/tools">
					<view class="label"><text>房源特色:</text></view>
					<view class="field">					 
					 <text>{{house.disposition}}</text>
					</view>
				</view>
			</view>
			<!-- 开发商小区参数 -->
		<view class="hline">
		  <view class=""><text>楼盘信息：</text></view>
		</view>
				
	 	<view class="line-table">
			<view class="line-table-tr">
				
			<view class="line-table-col u-flex">
				<view class="line-table-td u-flex-grow" >
					<view class="label"><text> 绿化率 </text></view>
					<view class="field fsize12">					 
					 <text>{{house.newhouse.green}}%</text>
					</view>		 
				</view>
				
				<view class="line-table-td u-flex-grow" >
					<view class="label"><text> 容积率 </text></view>
					<view class="field fsize12">					 
					 <text>{{house.newhouse.capacity}}</text>
					</view>		 
				</view>
			</view>
			
			<view class="line-table-col u-flex">
				<view class="line-table-td u-flex-grow" >
					<view class="label"><text> 户数 </text></view>
					<view class="field fsize12">					 
					 <text>{{house.newhouse.roomcount}}户</text>
					</view>		 
				</view>
				
				<view class="line-table-td u-flex-grow" >
					<view class="label"><text> 停车位 </text></view>
					<view class="field fsize12">					 
					 <text>{{house.newhouse.parking}}个</text>
					</view>		 
				</view>
			</view>
			
			
			<view class="line-table-col u-flex">
				<view class="line-table-td u-flex-grow" >
					<view class="label"><text> 建面积 </text></view>
					<view class="field fsize12">					 
					 <text>{{house.newhouse.builtuparea}}㎡</text>
					</view>		 
				</view>
				
				<view class="line-table-td u-flex-grow" >
					<view class="label"><text> 占面积 </text></view>
					<view class="field fsize12">					 
					 <text>{{house.newhouse.totalarea}}㎡</text>
					</view>		 
				</view>
			</view>
			
			<view class="line-table-col u-flex">
				<view class="line-table-td u-flex-grow" >
					<view class="label"><text> 公摊 </text></view>
					<view class="field fsize12">					 
					 <text>{{house.newhouse.public_area}}%</text>
					</view>		 
				</view>
				
				<view class="line-table-td u-flex-grow" >
					<view class="label"><text> 物业费 </text></view>
					<view class="field fsize12">					 
					 <text>{{house.newhouse.propertyprice}}元/㎡/月</text>
					</view>		 
				</view>
			</view>
			<view class="line-table-td" v-if="house.newhouse.property" >
				<view class="label"><text> 物业 </text></view>
				<view class="field fsize12">					 
				 <text>{{house.newhouse.property}}</text>
				</view>		 
			</view>
		 
				<view class="line-table-td" v-if="house.newhouse.developer" >				 
					<view class="label"><text> 开发商 </text></view>
					<view class="field fsize12">					 
					 <text>{{house.newhouse.developer}}</text>
					</view>		 
				</view>
			 
				<view class="line-table-td" v-if="house.newhouse.constructor">
					<view class="label"><text> 建筑商 </text></view>
					<view class="field fsize12">					 
					 <text>{{house.newhouse.constructor}}</text>
					</view>		 
				</view>
			</view>
		</view> <!--line-table-->
		<!-- 开发商小区参数	 -->
			
 </view>
		<!-- 二手房属性显示 -->
 
</template>

<script>
	import mixin from "./mixin.js";
	export default{
		name:"NewhouseItem",
		mixins:[mixin],	 
	}
</script>

<style lang="scss">

@import  "item.scss";
 
</style>